﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>请求池</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/requesPoolAssignment"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/requesPoolAssignment.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div group>
            <div flex group-headline>
                <div>
                    <div>{{detail.title}}</div>
                    <div>
                        <div category v-if="detail.icd_category_name">{{detail.icd_category_name}}</div>
                        <div fault v-if="detail.incident_type">{{detail.incident_type}}</div>
                    </div>
                </div>
                <div center>
                    <div v-if="detail.priority_name === '一级'">
                        1
                    </div>
                    <div v-else-if="detail.priority_name === '二级'">
                        2
                    </div>
                    <div v-else-if="detail.priority_name === '三级'">
                        3
                    </div>
                    <div v-else>
                        <div>4</div>
                    </div>
                </div>
            </div>
            <div group-item>
                <div>具体描述：</div>
                <div>{{detail.description}}</div>
            </div>
        </div>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/common/personalInfo.png" />
                </div>
                <div>个人信息</div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item>
                <div>申报人：</div>
                <div>{{detail.cus_user_name}}</div>
            </div>
            <div group-item>
                <div>联系电话：</div>
                <div>{{detail.mobile}}</div>
            </div>
            <div group-item>
                <div>单位：</div>
                <div>{{detail.cus_customer_name}}</div>
            </div>
        </div>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/common/incidentInfo.png" />
                </div>
                <div>事件信息</div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item>
                <div>发生时间：</div>
                <div>{{detail.happen_time}}</div>
            </div>
            <div group-item>
                <div>期望完成时间：</div>
                <div>{{detail.expect_time}}</div>
            </div>
            <div group-item>
                <div>来源：</div>
                <div>{{detail.source}}</div>
            </div>
        </div>
        <div group>
            <div group-item>
                <div>事件分类：</div>
                <search title="事件分类" treeurl="/common/category" v-model="icd_category"></search>
            </div>
            <div group-item>
                <div>发生频率：</div>
                <div>
                    <select v-model="detail.occurrence_frequency">
                        <option v-for="item in occurrence_frequency">{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div group-item>
                <div>紧急度：</div>
                <div>
                    <select v-model="detail.urgency_name">
                        <option v-for="item in incident_urgency">{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div group-item>
                <div>影响度：</div>
                <div>
                    <select v-model="detail.effect_name">
                        <option v-for="item in incident_effect">{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div group-item>
                <div>归属项目：</div>
                <div>
                    <select v-model="detail.project_id">
                        <option v-for="item in project" v-bind:value="item.id">{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div group-item>
                <div>支持人员：</div>
                <search title="支持人员" treeurl="/common/department" listurl="/common/user?department_path=" v-model="supporter"></search>
            </div>
        </div>

        <div placeholder-bottombar v-if="!readonly">
        </div>
        <div bottombar v-if="!readonly">
            <input type="button" blue v-for="item in detail.lines" v-bind:value="item.name" v-on:click="assignment(item)" />
        </div>

        <mt-popup submit-popup v-model="submitVisible" pop-transition="popup-fade">
            <div input-item v-if="users.length > 0">
                <div>下一步处理人：</div>
                <div>
                    <select v-model="nextAssigner">
                        <option v-for="item in users" v-bind:value="item.name">{{item.fullname}}</option>
                    </select>
                </div>
            </div>
            <div textarea-item>
                <div>处理意见：</div>
                <div>
                    <textarea type="text" placeholder="请输入处理意见..." v-model="suggestion"></textarea>
                </div>
            </div>
            <div input-item>
                <div>常用意见：</div>
                <div>
                    <select v-model="commons" v-on:change="commonsChange($event)">
                        <option v-for="item in bpm_commons">{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div submitBar center>
                <input blue type="button" value="确定" v-on:click="popupSubmit" />
                <input grey type="button" value="关闭" v-on:click="cancelSubmit" />
            </div>
        </mt-popup>
    </div>
</body>
</html>